<template>
    <div class="hamburger">
        <i 
            class="iconfont" 
            :class="[isActive?'icon-caidanzhedie':'icon-caidandakai']"
            @click="foldMenu" />
    </div>
</template>

<script setup lang='ts'>

type Props = {
    isActive: boolean
}

defineProps<Props>()

const $emit = defineEmits(['toggleOpened'])

const foldMenu = () => {
    $emit('toggleOpened')
}



</script>

<style lang="scss" scoped>
.hamburger {
    margin: 0 20px;
    font-weight: bold;
    .iconfont {
        cursor: pointer;
        width: 30px;
        height: 30px;
    }
}
</style>